<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>用户注册</title>
   <script src="/js/jquery-1.11.3.min.js"></script>
   <script>
   $(document).ready(function(){
      $("button").click(function(){
                username = $('#id_username').val();
                password = $('#id_password').val();
                studyID = $('#id_studyID').val();
                $.post('',
                  {'username':username,
                    'password':password,
                    'studyID':studyID,
                  },function(req){
                    if(req == '1')
                    {
                        alert(username + ' regist success!');
                    }
                  })
      })
   })
   </script>
</head>
<style type="text/css">
    body{color:#efd;background:#453;padding:0 5em;margin:0}
    h1{padding:2em 1em;background:#675}
    h2{color:#bf8;border-top:1px dotted #fff;margin-top:2em}
    p{margin:1em 0}
</style>
<body>
  <h1>注册页面：</h1>
  <form>
  {{uf.as_p}}
  </form>
  <button>Submit</button>
</body>
</html>